<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的订单</title>
		<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/myOrder.css"/>
		<script type="text/javascript" src="js/common/jquery-1.11.0.js"></script>
		<script type="text/javascript"  src="js/common/baseUrl.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
		<script type="text/javascript" src="js/artTemplate/template.js"></script>
		<script type="text/javascript" src="js/common/myOrder.js"></script>
	</head>
	<body>
		<div id="orderheader">
			<div class="top">
				<div class="top-left">
					<i class="fa fa-home fa-fw"></i>
					<a href="javascript:void(0)" class="one">门户首页</a>

				</div>
				<div class="top-right">
					<a class="one" href="javascript:void(0)">
						<i class="fa fa-qrcode fa-fw"></i> 下载APP
					</a>
					<a href="javascript:void(0)">
						<i class="fa fa-commenting-o fa-fw"></i>我的消息
					</a>
					<a href="javascript:void(0)">
						<i class="fa fa-cart-arrow-down fa-fw"></i>购物车
					</a>
					<a href="javascript:void(0)">
						<i class="fa fa-cog fa-fw"></i>系统设置
					</a>
					<a class="zhuli">
						<i class="fa fa-user"></i> 朱莉
					</a>
					<a href="javascript:void(0)">
						退出
					</a>
				</div>
			</div>
		</div>
		<div id="myorder">
				<!--*******顶部图片加导航*********-->
			<div class="topbigbox">
				<div class="topbar">
					<div class="img">
						<img src="img/husheng.png"/>
					</div>
					<div class="onenav">
						<ul>
							<a href=""><li>我的互生</li></a>
							<a><li class='onenavchange'>我的订单</li></a>
							<a><li>我的求职</li></a>
							<a href="myAppointment.html"><li>我的预约</li></a>
							<a href="myCoupon.html"><li >我的卡券</li></a>
							<a href="concern.html"><li>关注收藏</li></a>
						</ul>
					</div>
					<!--*****建议反馈***-->
					<div class="suggest">
						<img src="img/fankui.png"/>
						<span >建议反馈</span>
					</div>
				</div>
			</div>
			<!--我的订单详情-->
			<div class="myorderdetail" id="myorderdetail">

					<div class="twonav">
						<ul>
							<li>网上商城</li>
							<li class="twonavchange">休闲娱乐</li>
							<li>车交易</li>
							<li>电影</li>
							<li>旅行</li>
							<li>社区服务</li>
							<li>商超便利</li>
						</ul>
					</div>
					<div class="botline"></div>
					<div class="threenav">
						<ul>
							<li id="unPay">待付款</li>
							<li id="unEnjoy">待消费</li>
							<li id="done">已完成</li>
							<li id="refued">已退款</li>
							<li id="all" class="threenavchange">全部</li>
						</ul>
					</div>
					<!--三级导航及一下的内容-->
					<div class="box" id="box">
						<script  id="test" type="text/html">
						<!-- 列表 -->
						{{each dataList value}}
						<div class="content" >
							<div class="topcontent">
								<div class="shoptu">
									<img src="{{value.shopLogo}}"/>
								</div>
								<span class="shopname">{{value.shopName}}</span>
								<span class="shopnum">({{value.entResno}})</span>
								<i class="fa fa-commenting-o"></i>
								<span class="lianxi">联系商家</span>
								<span class="time">{{value.orderCreateTime}}</span>
								<span class="ordernum">订单编号:{{value.id}}</span>
							</div>
							<div class="second">
								<div class="img">
									<img src="{{picUrl}}{{value.goodsImg}}"/>
								</div>
								<div class="infor">
									<div class="one">
										<span>{{value.goodsName}}</span>
										{{if value.serviceType==1}}
										<img src="img/shangmen.png"/>
										{{/if}}
									</div>
									<div class="two">
										<span class="show1">
											<img src="img/jinbi.png"/>
											<span class="price">{{value.goodsUintPrice}}</span>
										</span>
										<span class="show2">
											<img src="img/integral.png"/>
											<span class="price">{{value.perPoint}}</span>
										</span>
										<span class="show3">×{{value.buyCount}}</span>
										{{if value.orderBasicState=='2'}}
											<span class="show4">待消费</span>
										{{else if value.orderBasicState=='1'}}
											<span class="show4">待付款</span>
										{{else if value.orderBasicState=='3'}}
											<span class="show4">已取消</span>
										{{else if value.orderBasicState=='8'}}
											<span class="show4">申请退款中</span>
										{{else if value.orderBasicState=='9'}}
											<span class="show4">驳回退款</span>
										{{else if value.orderBasicState=='10'}}
											<span class="show4">已退款</span>
										{{else}}
											<span class="show4">已完成</span>
										{{/if}}
									</div>
									<div class="three">
										服务时间:
										<span>{{value.applyServiceDate}}</span>
									</div>
								</div>
							</div>
							<div class="last">
								<div class="inner">
									<div class="dikou1">
										<span class="coupon">商家优惠券:</span>
										<img src="img/jinbi.png"/>
										<span class="reduce">-{{value.buyCount}}</span>
									</div>
									<div class="dikou2">
										<span class="coupon">消费抵扣券:</span>
										<img src="img/yhq1.png"/>
										<span class="reduce2">-{{value.buyCount}}</span>
									</div>
									<div class="dikou3">
										<span class="coupon">实付金额:</span>
										<img src="img/jinbi.png"/>
										<span class="reduce">{{value.buyCount}}</span>
									</div>
									{{if value.orderBasicState=='2'}}
										<div class="cancelbutton" onclick="goTuikuan({{value.id}})">申请退款</div>
									{{else if value.orderBasicState=='1'}}
										<div class="cancelbutton" onclick="clearOrder({{value.id}})">取消订单</div>
										<div class="gopaybutton"  onclick="goPay({{value.id}})">去付款</div>
									{{else if value.orderBasicState=='4'}}
										<div class="cancelbutton">去评价</div>
									{{else if value.orderBasicState=='5'}}
										<div class="cancelbutton">去评价</div>
									{{else if value.orderBasicState=='6'}}
										<div class="cancelbutton">去评价</div>
									{{else if value.orderBasicState=='7'}}
										<div class="cancelbutton">去评价</div>
										{{else if value.orderBasicState=='8'}}
											<div class="cancelbutton"   onclick="goLook({{value.id}})">查看详情</div>
									{{/if}}

								</div>
							</div>
						</div>
						{{/each}}
							</script>
					</div>
					<!--分页-->
					<div class="fenye">
						<ul>
							<li class="qian">
								<i class="fa fa-angle-left"></i>
								<span>上一页</span>
							</li>
							<li class="pageNum"></li>
							<li class="next">
								<span>下一页</span>
								<i class="fa fa-angle-right"></i>
							</li>
							<li class="total">共<span class='totalNum'>0</span>页</span>
							<li class="jump" >跳到</li>
							<li class="shuzi"><input type="text" name="" value="1" style="height: 24px;width: 26px;text-align:center;"></li>
							<li class="ye">页</span>
							<li class="sure">确定</li>
						</ul>
					</div>

			</div>

			<!--底部-->
			<div class="bottom">
				<div class="inset">
					<i class="fa fa-hand-o-right"></i>
					<span class="date">2013-2018</span>
					<span class="company">深圳市互生科技有限公司</span>
					<span class="icp">奥ICP备14100052号</span>
					<span class="icp">奥公网安备   44030402000494号</span>
				</div>
			</div>
		</div>
	</body>
</html>
